$(function(){

//创建一个全局变量
var bbd={};
//店面
var zidada
//域名
var eare
    init()
function init(){
    getdata()
    //点击事件
    cliklist()
}

//获取数据头部导航数据
function getdata(){
$.ajax({
 url:"http://193.112.55.79:9090/api/getgsshop",
 success:function(resultss){
        
         var data=resultss.result
   //进行字符串拼接
   console.log(data)
   var html='';

   for(var i=0;i<=data.length-1;i++){
     
html+=`<li>${data[i].shopName} <li>`
     
   }
  
   //添加到页面上去
   $(".cont_list1").html(html)


 }



})

//获取华北的数据
$.ajax({
    url:"http://193.112.55.79:9090/api/getgsshoparea",
    success:function(result){
    console.log(result)

    var data=result.result

      //进行字符串的拼接
      var html='';
      for(i=0;i<=data.length-1;i++){
          html+=`<li>${data[i].areaName}<li>`
      }
      //添加
      $(".cont_list2").html(html)

    }

})









}

//点击事件：
function cliklist(){
//动态生成的用事件委托
//点击京东的
$(".cont_list1").on("tap",'li',function(){

  //获取它的值添加到它的头部
  var num=$(this).text()
  console.log(num)
  //在把值赋值给
 $(".jidong").text(num)

//获取它的自定义属性
  eare=$(this).index()


  console.log(123)
  console.log(bbd)
  console.log(100)
  console.log(eare)
  getlist()
})
//点击华北
$(".cont_list2").on("tap",'li',function(){

    var num=$(this).text()
$(".huabei").text(num)
     //判断
   
        //添加
  $(".cont_list").addClass("active")
     console.log(333)
})

//点击导航如果有这个类就去掉它
$(".jidong").on("tap",function(){
     console.log(666)
   
        //添加
        $(".cont_list").removeClass("active")
     
        //获取它的自定义属性
         zidata=$(".jidong").data("num")
        console.log(333)
        console.log(zidata)
     

})




}


//获取数据进行样式的渲染
function getlist(){

  $.ajax({
 url:"http://193.112.55.79:9090/api/getgsproduct",
 data:{
  
        shopid:2,
        areaid:2
   
 },success:function(result){
console.log(245)
 console.log(result)
 var data=result.result
    var html =template("kkj",{arr:data})

    $(".conter1").html(html)

 }



  })




}


})